<html>
<head>
<title> css menu</title>
<style type="text/css">
.v1
{
    display:block;
    width:200px;
    height:200px;
    position:absolute;
    
}
.v2
{
    display:none;
    width:200px;
    height:200px;
    position:absolute;
   margin-left:-30px;
    margin-top:-30px;
    
}
.v1:hover .v2
{
   display:block;
   margin-left:111px;
    margin-top:111px;
    
}
</style>
</head>
<body>

<div class="v1">
<img  src="v2.png"/>
</div>
<img class="v2" src="v1.png"/>

</body>
</html>